<section id='submitDataSection'>
  <section id='submitDataHeader'>
    <h2>{{=T("SUBMIT DATA")}}</h2>
    <div class='closePanel'></div>
  </section>
  <section id='submitDataFilters'>
    <section class='submitDataHeadings'>
      <h3>{{=T("What are you submitting?")}}</h3>
      <div id='submissionToggle'>
        <div id='submitIndicators' class='active'>{{=T("Indicators")}}</div>
        <div id='submitReports'>{{=T("Data/Reports")}}</div>
      </div>
      <h4>{{=T("Name")}}</h4>
      <div class='changeUser'>{{=A(T("Not you?"), _href="/%s/default/user/logout" % current.request.application)}}</div>
      <p class='username'>{{=user_name}}</p>
      <h4>{{=T("Date of submission")}}</h4>
      <p class='today'>{{=today}}</p>
    </section>
    <section class='locationFilters'>
      <span id='l0_data'>
        <label for='l0_datas'>{{=COUNTRY}}:</label>
        <select id='l0_datas'>
          <option value='' class='none'>{{=CHOOSE_COUNTRY}}</option>
        </select>
      </span>
      <span id='l1_data'>
        <label for='l1_datas'></label>
        <select id='l1_datas'></select>
      </span>
      <span id='l2_data'>
        <label for='l2_datas'></label>
        <select id='l2_datas'></select>
      </span>
      <span id='l3_data'>
        <label for='l3_datas'></label>
        <select id='l3_datas'></select>
      </span>
      <!--
      <span id='l4_data'>
        <label for='l4_datas'></label>
        <select id='l4_datas'></select>
      <span id='l5_data'>
        <label for='l5_datas'></label>
        <select id='l5_datas'></select>
      </span>-->
      <span id='lx_data_throbber' class='throbber hidden'></span>
    </section>
  </section>
  <section id='submitDataContent'>
    <section id='indicatorsSubmissionViews'>
      <div class='indicatorsStart'>
        <div class='loadingErrorView'>
          <h3>{{=T("There is a problem with your file.")}}</h3>
          <p id="errormsg"></p>
        </div>
        <p>{{=T("Select a commune to")}}</p>
        <div class='indicatorsButton filter disabled' id='submitOnlineButton'>{{=T("Submit online")}}</div>
        <p>{{=T("or")}}</p>
        <form id='uploadIndicatorsForm' enctype='multipart/form-data'>
          <input class='uploadFile' id='submitDataUpload' name='file' type='file'/>
          <div class='indicatorsButton filter' id='uploadIndicatorsButton'>{{=T("Upload indicators")}}</div>
        </form>
        <div class='downloadLinkCSV'>
          <a href='/{{=appname}}/static/formats/s3csv/vulnerability/data.csv' title='Template CSV File'>{{=T("Download.CSV formatted Template")}}</a>&nbsp;&nbsp;&nbsp;&#124;&nbsp;&nbsp;&nbsp;
          <!--
          <a href='uploadGuide.pdf' title='How to upload indicators from a file' target='_blank'>{{=T("Guide")}}</a>
          -->
        </div>
      </div>
      <!---
      <div class='loadingView'>
        <p>{{=T("Checking your file...")}}</p>
        <div class='progressBar'></div>
        <div class='fileName'>HoaAn.csv</div>
        <a class='cancel' href="javascript:$('#indicatorSubmissionViews .loadingFile').fadeOut(300); $('#indicatorSubmissionViews .indicatorStart').fadeIn(300);" title='Cancel image'>{{=T("Cancel")}}</a>
      </div>-->
        <div class='reviewIndicatorsView firstPage'>
          <h3>{{=T("Review")}} <span class='currentPage'>1</span> {{=T("of")}} <span class='totalPages'>3</span></h3>
          <h4>{{=T("Please review indicator ratings for")}} <mark>Hoa Tam Commune.</mark> on <date>8-Oct-2012<date></h4>
          <section class='indicatorReviewTable'>
            <table class='indicatorsTable'>
              <thead>
                <tr>
                  <th class='indicatorLabels'></th>
                  <th class='indicator1'><div>1</div></th>
                  <th class='indicator2'><div>2</div></th>
                  <th class='indicator3'><div>3</div></th>
                  <th class='indicator4'><div>4</div></th>
                  <th class='indicator5'><div>5</div></th>
                </tr>
                <tr>
                  <th></th>
                  <th colspan='2'><span class='arrow'>&larr;</span> {{=T("LOW RESILIENCE")}}</th>
                  <th colspan='3' class='highResilienceLabel'>{{=T("HIGH RESILIENCE")}} <span class='arrow'>&rarr;</span></th>
                </tr>
              </thead>
              <tbody>
                {{try:}}
                <tr class='white'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[1]["n"]}}</td>
                  <td class='indicator1'><input type='radio' name='indicatorOne' disabled='disabled' value='1' checked /></td>
                  <td class='indicator2'><input type='radio' name='indicatorOne' disabled='disabled' value='2' /></td>
                  <td class='indicator3'><input type='radio' name='indicatorOne' disabled='disabled' value='3' /></td>
                  <td class='indicator4'><input type='radio' name='indicatorOne' disabled='disabled' value='4' /></td>
                  <td class='indicator5'><input type='radio' name='indicatorOne' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='gray'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[2]["n"]}}</td>
                  <td><input type='radio' name='indicatorTwo' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorTwo' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorTwo' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorTwo' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorTwo' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='white'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[3]["n"]}}</td>
                  <td><input type='radio' name='indicatorThree' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorThree' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorThree' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorThree' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorThree' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='gray'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[4]["n"]}}</td>
                  <td><input type='radio' name='indicatorFour' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorFour' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorFour' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorFour' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorFour' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='white'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[5]["n"]}}</td>
                  <td><input type='radio' name='indicatorFive' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorFive' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorFive' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorFive' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorFive' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='gray'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[6]["n"]}}</td>
                  <td><input type='radio' name='indicatorSix' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorSix' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorSix' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorSix' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorSix' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='white'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[7]["n"]}}</td>
                  <td><input type='radio' name='indicatorSeven' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorSeven' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorSeven' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorSeven' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorSeven' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='gray'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[8]["n"]}}</td>
                  <td><input type='radio' name='indicatorEight' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorEight' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorEight' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorEight' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorEight' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='white'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[9]["n"]}}</td>
                  <td><input type='radio' name='indicatorNine' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorNine' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorNine' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorNine' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorNine' disabled='disabled' value='5' /></td>
                </tr>
                <tr class='gray'>
                  <td class='indicatorLabels'><mark>*</mark>{{=indicators[10]["n"]}}</td>
                  <td><input type='radio' name='indicatorTen' disabled='disabled' value='1' /></td>
                  <td><input type='radio' name='indicatorTen' disabled='disabled' value='2' /></td>
                  <td><input type='radio' name='indicatorTen' disabled='disabled' value='3' /></td>
                  <td><input type='radio' name='indicatorTen' disabled='disabled' value='4' /></td>
                  <td><input type='radio' name='indicatorTen' disabled='disabled' value='5' /></td>
                </tr>
                {{except:}}{{pass}}
              </tbody>
            </table>
          </section>
        </div>
        <div class='submitIndicatorsForm'>
          <h3></h3>
          <h4></h4>
          <section class='indicatorReviewTable'>
            <form id='theSubmitIndicatorsForm'>
              <table class='indicatorsTable'>
                <thead>
                  <tr>
                    <th class='indicatorLabels'><div>{{=T("Enter indicator ratings")}}</div></th>
                    <th class='indicator1'><div>1</div></th>
                    <th class='indicator2'><div>2</div></th>
                    <th class='indicator3'><div>3</div></th>
                    <th class='indicator4'><div>4</div></th>
                    <th class='indicator5'><div>5</div></th>
                  </tr>
                  <tr>
                    <th></th>
                    <th colspan='2'><span class='arrow'>&larr;</span> {{=T("LOW RESILIENCE")}}</th>
                    <th colspan='3' class='highResilienceLabel'>{{=T("HIGH RESILIENCE")}} <span class='arrow'>&rarr;</span></th>
                  </tr>
                </thead>
                <tbody>
                  {{try:}}
                  <tr class='white'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[1]["n"]}}</td>
                    <td class='indicator1'><input type='radio' name='indicatorOne' value='1' /></td>
                    <td class='indicator2'><input type='radio' name='indicatorOne' value='2' /></td>
                    <td class='indicator3'><input type='radio' name='indicatorOne' value='3' /></td>
                    <td class='indicator4'><input type='radio' name='indicatorOne' value='4' /></td>
                    <td class='indicator5'><input type='radio' name='indicatorOne' value='5' /></td>
                  </tr>
                  <tr class='gray'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[2]["n"]}}</td>
                    <td><input type='radio' name='indicatorTwo' value='1' /></td>
                    <td><input type='radio' name='indicatorTwo' value='2' /></td>
                    <td><input type='radio' name='indicatorTwo' value='3' /></td>
                    <td><input type='radio' name='indicatorTwo' value='4' /></td>
                    <td><input type='radio' name='indicatorTwo' value='5' /></td>
                  </tr>
                  <tr class='white'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[3]["n"]}}</td>
                    <td><input type='radio' name='indicatorThree' value='1' /></td>
                    <td><input type='radio' name='indicatorThree' value='2' /></td>
                    <td><input type='radio' name='indicatorThree' value='3' /></td>
                    <td><input type='radio' name='indicatorThree' value='4' /></td>
                    <td><input type='radio' name='indicatorThree' value='5' /></td>
                  </tr>
                  <tr class='gray'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[4]["n"]}}</td>
                    <td><input type='radio' name='indicatorFour' value='1' /></td>
                    <td><input type='radio' name='indicatorFour' value='2' /></td>
                    <td><input type='radio' name='indicatorFour' value='3' /></td>
                    <td><input type='radio' name='indicatorFour' value='4' /></td>
                    <td><input type='radio' name='indicatorFour' value='5' /></td>
                  </tr>
                  <tr class='white'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[5]["n"]}}</td>
                    <td><input type='radio' name='indicatorFive' value='1' /></td>
                    <td><input type='radio' name='indicatorFive' value='2' /></td>
                    <td><input type='radio' name='indicatorFive' value='3' /></td>
                    <td><input type='radio' name='indicatorFive' value='4' /></td>
                    <td><input type='radio' name='indicatorFive' value='5' /></td>
                  </tr>
                  <tr class='gray'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[6]["n"]}}</td>
                    <td><input type='radio' name='indicatorSix' value='1' /></td>
                    <td><input type='radio' name='indicatorSix' value='2' /></td>
                    <td><input type='radio' name='indicatorSix' value='3' /></td>
                    <td><input type='radio' name='indicatorSix' value='4' /></td>
                    <td><input type='radio' name='indicatorSix' value='5' /></td>
                  </tr>
                  <tr class='white'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[7]["n"]}}</td>
                    <td><input type='radio' name='indicatorSeven' value='1' /></td>
                    <td><input type='radio' name='indicatorSeven' value='2' /></td>
                    <td><input type='radio' name='indicatorSeven' value='3' /></td>
                    <td><input type='radio' name='indicatorSeven' value='4' /></td>
                    <td><input type='radio' name='indicatorSeven' value='5' /></td>
                  </tr>
                  <tr class='gray'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[8]["n"]}}</td>
                    <td><input type='radio' name='indicatorEight' value='1' /></td>
                    <td><input type='radio' name='indicatorEight' value='2' /></td>
                    <td><input type='radio' name='indicatorEight' value='3' /></td>
                    <td><input type='radio' name='indicatorEight' value='4' /></td>
                    <td><input type='radio' name='indicatorEight' value='5' /></td>
                  </tr>
                  <tr class='white'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[9]["n"]}}</td>
                    <td><input type='radio' name='indicatorNine' value='1' /></td>
                    <td><input type='radio' name='indicatorNine' value='2' /></td>
                    <td><input type='radio' name='indicatorNine' value='3' /></td>
                    <td><input type='radio' name='indicatorNine' value='4' /></td>
                    <td><input type='radio' name='indicatorNine' value='5' /></td>
                  </tr>
                  <tr class='gray'>
                    <td class='indicatorLabels'><mark>*</mark>{{=indicators[10]["n"]}}</td>
                    <td><input type='radio' name='indicatorTen' value='1' /></td>
                    <td><input type='radio' name='indicatorTen' value='2' /></td>
                    <td><input type='radio' name='indicatorTen' value='3' /></td>
                    <td><input type='radio' name='indicatorTen' value='4' /></td>
                    <td><input type='radio' name='indicatorTen' value='5' /></td>
                  </tr>
                  {{except:}}{{pass}}
                </tbody>
              </table>
            </form>
          </section>
        </div>
        <div class='approvalScreen'>
            <p class='thanks'></p>
        </div>
      </section>
      <section id='dataAndReportsSubmissionViews'>
        <div class='dataUploadContainer'>
          <div id='dataUploadTitle'>
            <h3>{{=T("Review")}}</h3>
            <!-- @ToDo: read hierarchy for L3 label -->
            <h4>{{=T("Select data type")}}</h4>
          </div>
          <div class='dataSubmissionRegion' id='dataSubmissionRegion'>
            <div class='submissionContent'></div>
                <h5>{{=T("DATA/REPORT")}}</h5>
                <div class='mapOption'>
                    <input type='radio' name='dataSubmissionX' id='mapImage' value='map' />
                    <label for='mapImage'>{{=T("Map")}}</label>
                </div>
                <div class='imageOption'>
                    <input type='radio' name='dataSubmissionX' id='image' value='image' />
                    <label for='image'>{{=T("Image")}}</label>
                </div>
                <div class='otherOption'>
                    <input type='radio' name='dataSubmissionX' id='other' value='other' />
                    <label for='other'>{{=T("Other data")}}</label>
                </div>
                <div class='demoOption'>
                    <input type='radio' name='dataSubmissionX' id='demographics' value='demographics' />
                    <label for='demographics'>{{=T("Demographic data")}}</label>
                </div>
                <div class='VCAOption'>
                    <input type='radio' name='dataSubmissionX' id='vca' value='vca' />
                    <label for='vca'>{{=T("VCA Report")}}</label>
                </div>
                <form class='uploadReportsForm' id='uploadReportsForm' enctype='multipart/form-data'>
                  <input class='submitDataReportsUpload' id='submitDataReportsUpload' name='file' type='file'/>
                  <mark style='left:14px;position:absolute;margin-top:6px;'>*</mark><input type='text' class='imgDesc requiredField' id='descFordataSubmissionRegion' placeholder='{{=T("Add a description")}}' autocomplete='off'>
                </form>
                <form id='uploadDemographicsForm' class='demographicsLinks' enctype='multipart/form-data'>
                  <input class='uploadFile' id='submitDemoUpload' name='file' type='file'/>
                  <div class='indicatorsButton filter' id='uploadDemographicsButton'>{{=T("Upload demographic data")}}</div>
                </form>
                <form class='demographicsForm' id='demoContent' enctype='multipart/form-data'>
                    <mark class='demographicsLinks'>
                        <strong>{{=T("Fill out online below or ")}}
                            <a href="javascript:demographicsUploadDisplay('#dataSubmissionRegion');" title='Upload CSV document'>{{=T("Upload .CSV")}}</a>
                        </strong>&nbsp;&nbsp;&nbsp;
                        <a href='/{{=appname}}/static/formats/s3csv/stats/demographic_data.csv' title='Template CSV File'>{{=T("Download.CSV formatted Template")}}</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                        <!--
                        <a href='uploadGuide.pdf' target='_blank' title='Download the guidelines for uploading files'>{{=T("Guide")}}</a>
                        -->
                    </mark>
                    <div class='demoInput' id='demoInput0'>
                        <label for='demoField0' class='demoLabel'>{{=T("Population")}}</label>
                        <input type='text' class='demoField' id='demoField0' autocomplete='off'>
                        <label for='sourceField0' class='sourceLabel' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField0' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate0'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate0' />
                    </div>
                    <div class='demoInput' id='demoInput1'>
                        <label for='demoField1' class='demoLabel'>{{=T("Male")}}</label>
                        <input type='text' class='demoField' id='demoField1' autocomplete='off'>
                        <label for='sourceField1' class='sourceLabel' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField1' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate1'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate1' />
                    </div>
                    <div class='demoInput' id='demoInput2'>
                        <label for='demoField2' class='demoLabel'>{{=T("Female")}}</label>
                        <input type='text' class='demoField' id='demoField2' autocomplete='off'>
                        <label for='sourceField2' class='sourceLabel' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField2' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate2'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate2' />
                    </div>
                    <div class='demoInput' id='demoInput3'>
                        <label for='demoField3' class='demoLabel'>{{=T("Over 60")}}</label>
                        <input type='text' class='demoField' id='demoField3' autocomplete='off'>
                        <label for='sourceField3' class='sourceLabel' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField3' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate3'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate3' />
                    </div>
                    <div class='demoInput' id='demoInput4'>
                        <label for='demoField4' class='demoLabel'>{{=T("Under 5")}}</label>
                        <input type='text' class='demoField' id='demoField4' autocomplete='off'>
                        <label for='sourceField4' class='sourceLabel' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField4' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate4'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate4' />
                    </div>
                    <div class='demoInput' id='demoInput5'>
                        <label for='demoField5' class='demoLabel'>{{=T("Households")}}</label>
                        <input type='text' class='demoField' id='demoField5' autocomplete='off'>
                        <label for='sourceField5' class='sourceLabel' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField5' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate5'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate5' />
                    </div>
                    <div class='demoInput' id='demoInput6'>
                        <label for='demoField6' class='demoLabel tallRow'>{{=XML(T("Households below %(br)s poverty line") % dict(br = BR()))}}</label>
                        <input type='text' class='demoField' id='demoField6' autocomplete='off'>
                        <label for='sourceField6' class='sourceLabel tallRow' style='top:7px;'><mark>*</mark>{{=T("Data Source")}}:</label>
                        <input type='text' class='sourceField' id='sourceField6' placeholder='{{=T("e.g. Census 2010")}}' autocomplete='off'>
                        <label class='dateLabel' for='reportDate6'><mark>*</mark>{{=T("Report Date")}}:</label>
                        <input class='dateField' id='reportDate6' />
                    </div>
                </form>

                <div class='reviewDemographicsView firstPage'>
                  <h3></h3>
                  <h4>{{=T("Please review demographic data for")}} <mark></mark></h4>
                  <section class='demographicsReviewTable'>
                    <div class='demoView' id='dateView0'>
                      <div class='demoViewLabel'>{{=T("Report Date")}}</div>
                      <div class='demoViewField' id='reportViewDate'></div>
                    </div>
                    <div class='demoView' id='demoView0'>
                        <div class='demoViewLabel'>{{=T("Population")}}</div>
                        <div class='demoViewField' id='demoViewField0'></div>
                        <div class='sourceViewField' id='sourceViewField0'></div>
                    </div>
                    <div class='demoView' id='demoView1'>
                        <div class='demoViewLabel'>{{=T("Male")}}</div>
                        <div class='demoViewField' id='demoViewField1'></div>
                        <div class='sourceViewField' id='sourceViewField1'></div>
                    </div>
                    <div class='demoView' id='demoView2'>
                        <div class='demoViewLabel'>{{=T("Female")}}</div>
                        <div class='demoViewField' id='demoViewField2'></div>
                        <div class='sourceViewField' id='sourceViewField2'></div>
                    </div>
                    <div class='demoView' id='demoView3'>
                        <div class='demoViewLabel'>{{=T("Over 60")}}</div>
                        <div class='demoViewField' id='demoViewField3'></div>
                        <div class='sourceViewField' id='sourceViewField3'></div>
                    </div>
                    <div class='demoView' id='demoView4'>
                        <div class='demoViewLabel'>{{=T("Under 5")}}</div>
                        <div class='demoViewField' id='demoViewField4'></div>
                        <div class='sourceViewField' id='sourceViewField4'></div>
                    </div>
                    <div class='demoView' id='demoView5'>
                        <div class='demoViewLabel'>{{=T("Households")}}</div>
                        <div class='demoViewField' id='demoViewField5'></div>
                        <div class='sourceViewField' id='sourceViewField5'></div>
                    </div>
                    <div class='demoView' id='demoView6'>
                        <div class='demoViewLabel'>{{=T("Households below poverty line")}}</div>
                        <div class='demoViewField' id='demoViewField6'></div>
                        <div class='sourceViewField' id='sourceViewField6'></div>
                    </div>
                  </section>
                </div>

            </div>
        </div>
    <div class='approvalScreen'>
      <p class='thanks'></p>
      <p class='return2reports'><a href='#reports'>{{=T("Back to the main screen")}}</a></p>
    </div>
    </section>
  </section>
  <section id='submitDataFooter'>
    <div class='submitMoreButton'>{{=T("Submit more")}}</div>
    <div class='submitButton'>{{=T("Submit")}}</div>
    <div class='submitAllButton'>{{=T("Submit all")}}</div>
    <div class='reviewNextButton'>{{=T("Review next")}}</div>
    <div class='reviewSubmissionButton'>{{=T("Review")}}</div>
    <div class='backButton'>{{=T("Back")}}</div>
    <div class='cancelButton'>{{=T("Cancel")}}</div>
    <mark>*{{=T("mandatory fields")}}</mark>
  </section>
</section>
